<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>bootstrap-newsWeb新闻详情页</title>
  <!-- 网站图标 -->
  <link rel="shortcut icon" href="../images/logo.png" type="image/x-icon" />

  <!-- ! bootstrap4基本所需css/js引入 -->
  <link rel="stylesheet" href="../lib/css/bootstrap.css">

  <!-- ! 在bootstarp库引入bootstrap.css后再引入自己写的css  就可以实现覆盖  因为html文档是从上往下读的 -->
  <link rel="stylesheet" href="../css/style.css">

  <!-- zico图标库引入 -->
  <link rel="stylesheet" href="../lib/css/zico.min.css">

  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="../lib/js/jquery-3.5.1.min.js"></script>

  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <!-- ! popover提示框组件依赖 Popper.js 进行定位，在必须引入 popper.min.js 在bootstrap.js脚本之前，
          ! 或者使用bootstrap.bundle.min.js / bootstrap.bundle.js（这两个脚本中已经包含了Popper.js可以直接运行弹出提示框）
     -->
  <script src="../lib/js/bootstrap.bundle.js"></script>

  <!-- 自己的js文件 -->
  <script src="../js/include.js"></script>
  <script src="../js/main.js"></script>

</head>

<body>
  <!-- **********************************header区域 start********************************************* -->
  <div id="header"></div>
  <!-- **********************************header区域 end********************************************* -->

  <!-- **********************************login板块区域 start********************************************* -->
  <section id="cjLogin">
    <!-- 设置container的最大宽度 它自己会居中的 -->
    <div class="container mt-5" style="max-width: 500px;">
      <!-- 让container中的row占满整行 -->
      <div class="row-cols-12">
        <!-- login表单区域 -->
        <form>
          <div class="form-group">
            <label for="exampleInputUsername">Username</label>
            <input type="username" class="form-control" iusernamed="exampleInputUsername" placeholder="输入用户名">
            <!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
          </div>
          <div class="form-group">
            <label for="exampleInputPassword">Password</label>
            <input type="password" class="form-control" id="exampleInputPassword" placeholder="输入密码">
          </div>
          <div class="form-group cjLogintext">
            <!-- <input name="remember" type="checkbox" value="y"> 下次自动登录 -->
            <a href="#">忘记密码？</a>
            <a href="#">没有账号？</a>
          </div>
          <div>
            <button type="submit" class="btn btn-primary w-100">登录</button>
          </div>
        </form>
      </div>
    </div>

  </section>
  <!-- **********************************login块区域 end********************************************* -->

  <!-- **********************************footer start********************************************* -->
  <div id="footer"></div>
  <!-- **********************************footer end********************************************* -->


</body>

</html>